<template>
  <div class="processing-order">
    <el-tabs v-model="val">
      <el-tab-pane label="未加工" name="1">
        <unprocessed />
      </el-tab-pane>
      <el-tab-pane label="加工中" name="2">
        <processing />
      </el-tab-pane>
      <el-tab-pane label="已完工" name="3">
        <completed />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import unprocessed from './components/unprocessed.vue'
import processing from './components/processing.vue'
import completed from './components/completed.vue'

export default {
  name: "ProcessingOrder",
  components: {
    unprocessed,
    processing,
    completed
  },
  props: {},
  data() {
    return {
      val: "1",
    };
  },
  filters: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.processing-order {
  padding: 20px;
  ::v-deep {
    .title {
      font-size: 16px;
      color: #101010;
      margin: 20px 0;
    }
  }
}
</style>
